.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.flex_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ellipsis_2 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.center {
    text-align: center;
}

.text_right {
    text-align: right !important;
}

.text_left {
    text-align: left !important;
}